<template>
	<div class="bg-box">
		<div class="bg"></div>
		<div class="content-box">
			<slot></slot>
		</div>
	</div>
</template>

<script>
	export default {
		
	}
</script>

<style lang="scss" scoped>
	.bg-box{
		.bg{
			height: 120px;
			margin-top: -46px;
			background-image: linear-gradient(to top, #ecf0f1 0%, #c0e1f0 50%, #b5e2f7 100%);
		}
		.content-box{
			position: relative;
			margin: 0 15px;
			top: -25px;
			background-color: #fff;
			border-radius: 7px;
			padding: 10px;
		}
	}
</style>